<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>
    <style>
      *{
        margin: 0;
        padding: 0;
      }
      #app{
        /* 最最外层的背景,肯定是全屏的.背景色UI提供适配大屏风格 */
        background: red;
        width: 100vw;
        height: 100vh;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

<!-- 已知返回数据 
[
{"salary":88888,"total":1},
{"salary":20009,"total":1},
{"salary":17000,"total":3},
{"salary":16007,"total":1},
{"salary":16005,"total":1},
{"salary":16000,"total":3},
{"salary":15000,"total":2},
{"salary":14000,"total":2},
{"salary":12003,"total":1},
{"salary":12000,"total":5},
{"salary":8500,"total":3}]

通过js返回两个对象
series0={ value: 23, name: "30K+" },
{ value: 23, name: "20K~30K" },
{ value: 23, name: "15K~20K" },
{ value: 23, name: "10K~15K" },
{ value: 23, name: "10K以下" },
series1 = [
  { value: 1, name: "30K+" },
  { value: 1, name: "20K~30K" },
  { value: 8, name: "15K~20K" },
  { value: 10, name: "10K~15K" },
  { value: 3, name: "10K以下" },
]
其中series1里面的是人数,也就是这个区间里面的total求和.付给value值
而series0的value就是series1里面所有value的和 -->